<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>props</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="father">
			<son :fdata="mess"></son>
		</div>
		
		<script>
			Vue.component('son',{
				props:['fdata'],
				template:'<p>{{fdata}}</p>'
			})
			
			new Vue({
				el:'#father',
				data:{
					mess:'father data'
				}
			})
		</script>
	</body>
</html>
